
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">


    <h:form id="form">  
        <p:dataTable id="tablaAporte" rowKey="#{aporte.aportePK}" paginator="true"  paginatorTemplate="{CurrentPageReport} 
                     {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                     rows="20" rowsPerPageTemplate="10,20,50,100" style="width: 70%;" var="aporte" value="#{managedBeanAporte.aportes}"
                     selection="#{managedBeanAporte.selectedAporte}" selectionMode="single" emptyMessage="No se encontraron resultados."
                     filteredValue="#{managedBeanAporte.aportesFiltrados}">  

            <p:ajax event="rowSelect" update=":form:display"/>

            <p:column  headerText="Municipalidad" sortBy="#{aporte.aportePK.municipioAporte}" filterBy="#{aporte.aportePK.municipioAporte}">
                <h:outputText value="#{aporte.aportePK.municipioAporte}"/>
            </p:column> 
            <p:column headerText="Valor" sortBy="#{aporte.valorAporte}" filterBy="#{aporte.valorAporte}">  
                <h:outputText value="\$ #{aporte.valorAporte}"/>
            </p:column>  
            <p:column headerText="Fecha" sortBy="#{aporte.aportePK.fechaMunicipalidad}" filterBy="#{aporte.aportePK.fechaMunicipalidad}">  
                <h:outputText value="#{Herramientas.fechaConPalabras(aporte.aportePK.fechaMunicipalidad)}">
                </h:outputText>
            </p:column>  
            <f:facet name="footer">
                <p:commandButton id="botonModificar" value="Modificar" icon="modificar-icon" update=":form:display" action="#{managedBeanAporte.guardarAnterior()}"  oncomplete="dialogoModificar.show();" />
            </f:facet>
        </p:dataTable>  
        <p:dialog id="dialogoModal"  header="Modificar aporte" widgetVar="dialogoModificar" resizable="false"
                  width="300" showEffect="clip" hideEffect="fold">
            <h:panelGrid id="display" columns="2">
                <h:outputText value="Municipalidad: "/>
                <h:outputText value="#{managedBeanAporte.selectedAporte.aportePK.municipioAporte}" />
                <h:outputText value="Valor: "/>
                <h:inputText value="#{managedBeanAporte.selectedAporte.valorAporte}"/>
                <h:outputText value="Fecha: "/>
                <p:calendar  navigator="true" locale="es" value="#{managedBeanAporte.selectedAporte.aportePK.fechaMunicipalidad}" pattern="dd-MMMM-yyyy">
                
                </p:calendar>
                <f:facet name="footer" >
                    <p:commandButton ajax="false" value="Aceptar" icon="ui-icon-check" style="float: right" action="#{managedBeanAporte.modificarAporte}" oncomplete="dialogoModificar.hide()" update="tablaAporte"/>
                </f:facet>
            </h:panelGrid>
        </p:dialog>
    </h:form>
</html>

